<template>
	<view class="cur_content">
		<view class="cur_list">
			<view class="cur_item">
				<view class="cur_head">
					<text>店铺名</text>
					<text class="blue_font"><b>{{reservation.storeName}}</b></text>
				</view>
			</view>
			<view class="cur_top">
				<text>用户名</text>
				<text class="red_font">{{reservation.userName}}</text>
			</view>
			<view class="cur_top">
				<text>手机号</text>
				<text class="red_font">{{reservation.phone}}</text>
			</view>
			<view class="cur_top">
				<text>邀请码</text>
				<text>{{reservation.invitationCode}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "Left",
		data() {
			return {

			};
		},
		props: {
			reservation: {
				type: Object,
				required: true
			}
		}
	}
</script>

<style lang="scss" scoped>
	/*第二部分：我的预约*/
	.cur_content {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.cur_list {
		margin-top: 12px;
		background-color: #fff;
	}

	.cur_item .cur_head {
		display: flex;
		padding: 9px 18px;
		border-bottom: 1px solid #eee;
		flex-direction: row;
	}

	.cur_list .cur_top {
		padding: 9px 18px;
	}

	.cur_list .cur_top text:last-child,
	.cur_head text:last-child {
		margin-left: 25px;
	}

	.blue_font {
		color: rgb(0, 122, 255);
		;
	}

	.red_font {
		color: red;
	}
</style>